@charset "utf-8";
@import "compass";
@import "../common";

$login-sprite-dimensions: true;
@import "login/*.png";

$login-primary:#3c6cde;
/*panel 注册登录窗*/
.panel_form {float: right;width: 350px; padding: 0 25px;margin-top: 64px;background: $bg-white;
  &.on {margin-top: 32px;margin-bottom: 32px;}
  .header {height: 60px;line-height: 60px;border-bottom: $border-default;
    h1 {color: $login-primary;text-align: center;}
  }
  form {position: relative;padding-top: 25px;}
  .errorWrap{position: absolute;top:0;left: 0;height: 20px;margin-bottom: 5px;overflow: hidden;
    label {padding:0;}
    label.error {color: $font-danger-color;}
  }
  .row {padding: 10px 5px 10px 10px;border: $border-default;margin-bottom: 15px;
    &.error {border-color: $font-danger-color;@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 110, 158, 0.75));}
    &:focus,&.focus {border-color: #6c99ff;outline: 0;@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(60, 108, 222, .6));}

    input {border: none;width: 50%;height: 22px;line-height: 22px;margin-left: 10px;}
    i {@include inline-block;}
    i.user {@include login-sprite(user);}
    i.pwd {@include login-sprite(pwd);}
    i.vcode {@include login-sprite(vcode);}
  }
  .tip {margin: 25px 0 15px;}
  .code {
    input {width: 30%};
    .getCode_btn {padding: 8px 15px;margin-top: -7px;color: $font-white-color;border-radius: $border-default-radius;background: $bg-info;border: none;cursor: not-allowed;
      &.active {cursor: pointer;
        background-color: #3c6cde;
        @include filter-gradient(#6c99ff,#3c6cde,left);
        @include background(linear-gradient(left,#6c99ff,#5583ef 50%,#3c6cde 100%));
      }

    }
  }

  .sub_btn {display: block;height: 48px;line-height: 48px;margin-bottom: 30px;border: none;color: $font-white-color;font-size: 18px;text-align: center;
    background-color: #3c6cde;
    @include filter-gradient(#6c99ff,#3c6cde,left);
    @include background(linear-gradient(left,#6c99ff,#5583ef 50%,#3c6cde 100%));
  }


  .to_login {padding-bottom: 20px;}
}

.login_header {line-height: 100px;background: $bg-white;
  strong {color: $font-danger-color;font-weight: bold;}
}

.login_main {position: relative;height: 500px;
  .hotClick {width: 450px;height: 500px;text-indent:-9999px;}
}

// 忘记密码
.login_forget {
  .login_header {border-bottom: $border-default;}
  .panel_form {width: 100%;float: none;padding: 0;margin-top: 0;height: 500px;background: $bg-white;
    form {width: 360px;margin: 0 auto;padding-top: 95px;
      .title {margin-bottom: 25px;font-size: 16px;color: #333;}
      .sub_btn {width: 100%;cursor:pointer;}
      .errorWrap {position: relative;}
    }
  }
  footer.login {border-top: $border-default;}
}

// 底部样式重写
footer.login { background: #fff;
  dl.friends_link {border-bottom-color: #e5e5e5;
    dt {border-right-color: #e5e5e5;color: #666;}
  }
  ul.item li {
    dt {color: #666;}
    a {color: #888;}
    dd.tel {color: #666;}
  }
  .bot_bar {color: #888;background: #fff;border-top: 1px solid #e5e5e5;}
}
